<template>
    <div class="backHeader">
        <van-nav-bar
        :title="title"
        left-arrow
        @click-left="onClickLeft"
        />
    </div>
</template>

<script>
import {toRefs} from 'vue'
import {useRouter} from 'vue-router'
export default {
    data(){
        return{

        }
    },
    props:{
        title:String
    },
    setup(props){
        let router = useRouter()

        let {title} = toRefs(props)

        const onClickLeft = () => {
            router.back()
        }
        
        return {
            title,onClickLeft
        }

    }
}
</script>

<style lang="scss">

.van-nav-bar__content{
    background: white;
}

.van-nav-bar__title{
    font-weight: bold;
}

.van-nav-bar__left>.van-badge__wrapper{
    font-weight: bold;
    color: black;
}
    
</style>